import {Layout, Menu} from "antd";
import {siderMenuItems} from "@/test/mock.tsx";
const { Sider } = Layout;

const SiderComponent = () => {
    return (
       <div style={{ width: "200px", background: "#000c17",minHeight: "90vh", overflow: "hidden" }}>
           <Sider width={200}
               style={{ position: "fixed", zIndex: 90 }}
           >
               <Menu
                   theme={"dark"}
                   mode="inline"
                   defaultSelectedKeys={['1']}
                   defaultOpenKeys={['1']}
                   style={{ height: '100%', borderRight: 0 }}
                   items={siderMenuItems}
               />
           </Sider>
       </div>
    );
};

export default SiderComponent;